<template>
  <div class="common-layout">
    <el-container>
      <el-header>
        <el-menu :default-active="5"
                 class="el-menu-demo"
                 mode="horizontal"
                 @select="handleSelect">
          <el-menu-item index="1">
            <img src="../../public/微信图标.png"style="width: 320px; margin-right: 400px " >
          </el-menu-item>
          <el-menu-item index="1"><router-link to="/">首页</router-link></el-menu-item>
          <el-menu-item index="2"><router-link to="/part">成为合作伙伴</router-link></el-menu-item>
          <el-menu-item index="3"><router-link to="/ability">合作伙伴能力</router-link></el-menu-item>
          <el-menu-item index="4"><router-link to="/grow">合作伙伴成长</router-link></el-menu-item>
          <el-menu-item index="5">文档中心</el-menu-item>
        </el-menu>
      </el-header>
      <el-main>
        <img src="b.png"style="margin-left: -70px" >

        <el-row>
            <el-card style="width: 280px;margin-bottom: 100px;margin-top: 100px;margin-left:280px">
              <img src="../../public/插件1.png" alt="" width="240px" style="margin-right: 30px">
            </el-card>

            <el-card style="width: 280px;margin-bottom: 100px;margin-top: 100px;margin-right: 30px;margin-left: 30px">
              <img src="../../public/插图2.png" alt="" width="240px" style="margin-right: 30px">
            </el-card>

            <el-card style="width: 280px;margin-bottom: 100px;margin-top: 100px;margin-right: 30px">
              <img src="../../public/插图3.png" alt="" width="240px" style="margin-right: 30px;">
            </el-card>


        </el-row>

      </el-main>
      <el-footer>
        <el-footer style="background-color: rgb(50,50,50);color:#666;height: 300px;padding:50px;text-align:center;">
          <!--设置版心 定宽且居中-->
          <div style="width: 1200px;margin: 0 auto;">
            <el-row :gutter="10">
              <!--底部中间区域 三列信息 注意此处内容有单独的CSS内部样式 id="footer-center"-->
              <el-col :span="12" id="footer-center" style="margin: 0 auto">
                <!--继续嵌套还是从row开始 -->
                <el-row :gutter="30">
                  <el-col :span="6">
                    <h3>关于我们</h3>
                    <p>关于微信支付</p >
                    <p>合作规则</p >
                    <p>平台使用协议</p >
                    <p>支付服务协议</p >
                    <p>联系我们</p >
                  </el-col>
                  <el-col :span="6">
                    <h3>服务与支持</h3>
                    <p>开发文档(商户)</p >
                    <p>开发文档(合作伙伴)</p >
                    <p>物理下载</p >
                    <p>帮助中心</p >
                  </el-col>
                  <el-col :span="6">
                    <h3>友情链接</h3>
                    <p>微信开放平台</p >
                    <p>微信开放平台</p >
                    <p>企业微信</p >
                  </el-col>
                  <el-col :span="6">
                    <h3>客服帮助</h3>
                    <p>自助服务专区</p >
                    <p>客服:95017-2</p >
                    <p>(周一到周五 09:00-18:00)</p >
                  </el-col>
                </el-row>

              </el-col>
              <el-row>
                <el-col>
                  <p style="font-size: 11px;color: white;height: 20px;">关注微信支付服务商助手公众号</p >
                  <img src="qrcode_fuwushangzhushou.jpg" class="img2" style="width: 200px;">
                </el-col>
              </el-row>
            </el-row>
          </div>
        </el-footer>

      </el-footer>
    </el-container>
  </div>
</template>
<script setup>

</script>

<style scoped>
.card-hover-effect:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
</style>
